<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./main.css">
  <script src="./../../static/js/jquery-1.8.2.js"></script>
  <title>样式设计dms</title>
</head>
<body>
  <div class="main">
    <h3>供应商报价信息，已对【55】个供应商发出询价</h3>
    <div class="row">
        <label for="name">供应商名称：</label> <input type="text" name="name">
        <label >排序：</label>
        <select >
          <option value="1">报价</option>
          <option value="1">周期</option>
          <option value="1">附加条件</option>
        </select>
        <select >
          <option value="1">正序</option>
          <option value="1">倒序</option>
        </select>
        <button>查询</button>
    </div>
    <div class="tabContent">
      <ul class="tabs">
        <li onclick=tab(0) >【43】个供应商未反馈或信息不全</li>
        <li class="active" onclick=tab(1)>【2】个供应商无车</li>
        <li onclick=tab(2)>【5】个供应商有现车</li>
        <li onclick=tab(3)>【0】个供应商有其他颜色现车</li>
      </ul>
      <ul class="content">
        <li>内容内容内容1111111111</li>
        <li class="active">
          <table border="1" cellpadding="9">
            <tr>
              <th>选择</th>
              <th>供应商名称</th>
              <th>联系人姓名</th>
              <th>联系人电话</th>
              <th>裸车报价（元）</th>
              <th>提车周期（天）</th>
              <th>供应商车源核实结果</th>
            </tr>
            <tr class="different">
              <td><input type="checkbox"></td>
              <td>常州新奥汽车销售有限公司	</td>
              <td>郦建芬</td>
              <td>15035166349	</td>
              <td><input type="text"></td>
              <td><input type="text"></td>
              <td>
                <select >
                  <option value="1">请选择</option>
                  <option value="1">无车</option>
                  <option value="1">现车</option>
                </select>
              </td>
            </tr>
            <tr class="different">
              <td>购车附加条件</td>
              <td colspan="3" ><textarea rows="2"></textarea></td>
              <td>车源备注信息</td>
              <td colspan="3" ><textarea rows="2"></textarea></td>
            </tr>
            <tr>
              <td><input type="checkbox"></td>
              <td>常州新奥汽车销售有限公司	</td>
              <td>郦建芬</td>
              <td>15035166349	</td>
              <td><input type="text"></td>
              <td><input type="text"></td>
              <td>
                <select >
                  <option value="1">请选择</option>
                  <option value="1">无车</option>
                  <option value="1">现车</option>
                </select>
              </td>
            </tr>
            <tr>
              <td>购车附加条件</td>
              <td colspan="3" ><textarea rows="2"></textarea></td>
              <td>车源备注信息</td>
              <td colspan="3" ><textarea rows="2"></textarea></td>
            </tr>
            <tr class="different">
              <td><input type="checkbox"></td>
              <td>常州新奥汽车销售有限公司	</td>
              <td>郦建芬</td>
              <td>15035166349	</td>
              <td><input type="text"></td>
              <td><input type="text"></td>
              <td>
                <select >
                  <option value="1">请选择</option>
                  <option value="1">无车</option>
                  <option value="1">现车</option>
                </select>
              </td>
            </tr>
            <tr class="different">
              <td>购车附加条件</td>
              <td colspan="3" ><textarea rows="2"></textarea></td>
              <td>车源备注信息</td>
              <td colspan="3" ><textarea rows="2"></textarea></td>
            </tr>
          </table>
        </li>
        <li>内容内容内容113333333333333333</li>
        <li>内容内容内容11444444444444444444444441</li>
      </ul>
    </div>

  </div>
  <script>
    var tab = function (index) { 
      console.log(index);
      $('.tabs li,.content li').each(function(){
        $(this).removeClass('active');
      })
      $($('.tabs li')[index]).addClass('active');
      $($('.content li')[index]).addClass('active');
     }
  </script>
</body>
</html>